<template>
  <div>
  <div class="recommend-title">周末去哪儿</div>
  <ul>
  <li class="item" v-for="item in weeklists" :key="item.id">
  <div class="item-img-wrapper">
  <img :src="item.img" class="item-img">
  </div>
  <div class="item-info">
  <p class="item-title">{{item.title}}</p>
  <p class="item-desc">{{item.desc}}</p>
  </div>
  </li>
  </ul>
  </div>
</template>

<script>
export default {
  name: 'HomeWeekend',
  props: ['weeklists']
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/style/mixins.styl'
 .recommend-title
  line-height : 3 rem
  background : #f4f3f3
  text-indent : 1 rem
  font-size: 1.3rem
 .item
   overflow : hidden
   height : 15 rem
   .item-img
    width  : 100%
    height : 10rem
  .item-title
      line-height : 2.6 rem
      font-size : 1.2 rem
      text-indent : 1 rem
      ellipsis()
  .item-desc
      line-height : 1 rem
      text-indent : 1 rem
      color : #918e8e
      ellipsis()
</style>
